<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
    <meta name="author" content="GeeksLabs">
    <meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>Login Page 2 | Creative - Bootstrap 3 Responsive Admin Template</title>

    <!-- Bootstrap CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- bootstrap theme -->
    <link href="css/bootstrap-theme.css" rel="stylesheet">
    <!--external css-->
    <!-- font icon -->
    <link href="css/elegant-icons-style.css" rel="stylesheet"/>
    <link href="css/font-awesome.css" rel="stylesheet"/>
    <!-- Custom styles -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet"/>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 -->
    <script src="js/html5shiv.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js_fuc/login.js"></script>
    <script type="text/javascript">
        $(function () {
            //加载完body以后调用他
            $("#signdiv").hide();

            $("#surepwd").hide();

            $("#login").click(userLogin);

            $("#signup").click(userSign);

            $("#cancel").click(cancel);

            $("#confirm").click(confirm);

            $("#checkId").cliick(checkId)
        })
    </script>
</head>

<body class="login-img3-body">

<div class="container">

    <form class="login-form" action="/user/login1.do">
        <div class="login-wrap">
            <p class="login-img"><i class="icon_lock_alt"></i></p>
            <div class="input-group">
                <span class="input-group-addon"><i class="icon_profile"></i></span>
                <input id="email" type="text" class="form-control" placeholder="Email" autofocus>
                <span id="email_span"></span>
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="icon_key_alt"></i></span>
                <input id="password" type="password" class="form-control" placeholder="Password">
                <span id="password_span"></span>
            </div>
            <div class="input-group" id="surepwd">
                <p class="input-group-addon"><i class="icon_key_alt"></i></p>
                <input id="finpwd" type="password" class="form-control" placeholder="sure Password">
                <span id="finpwd_span"></span>
            </div>

            <label class="checkbox" id="warning">
                <input type="checkbox" value="remember-me"> Remember me
                <span class="pull-right"> <a id="checkId"> Forgot Password?</a></span>
            </label>
            <!--<button id="login2" class="btn btn-primary btn-lg btn-block" type="submit" value="Login">Login3</button>-->
            <input id="login" class="btn btn-primary btn-lg btn-block" type="button" value="Login"></input>
            <input id="signup" class="btn btn-info btn-lg btn-block" type="button" value="Signup"></input>
            <div id="signdiv">
                <input id="confirm" class="btn btn-info btn-lg btn-block" type="button" value="confirm"></input>
                <input id="cancel" class="btn btn-info btn-lg btn-block" type="button" value="cancel"></input>
            </div>
        </div>
    </form>

</div>


</body>
</html>
